<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>左栏加弹出实现</title>
		<script src="../js/jquery-1.11.1.js"></script>
		<style>
			div{
				width: 500px;
				height: 500px;
				background-color: #ff0;
				display: block;
				
			}
			/* show  功能：显示效果  本质：diaplay:block
			hide    功能：隐藏效果
			slideDown()  功能：向下（滑动式）效果
			slideUp()   功能：向上（滑动式）效果
			
			faseIn(毫秒数)  功能：淡入   本质：显示+透明度：0~1
			fadeOut(毫秒数)  功能：淡出  本质：隐藏+透明度：1~0
			 */
		</style>
	</head>
	<body>
		<button>按钮</button>
		<div></div>
		<script>
			$("button").click(function(){
				$("div").css("display","none").css("border-radius","50%");
			});
		</script>
	</body>
</html>